<template>
	<view>
		<view class="cont">
			<view class="cont-top">
				<view class="cont-top-t">
					上市计划
				</view>
				<view class="cont-top-b" v-html="richText.content">
				
				</view>
			</view>
			<view class="cont-top">
				<view class="cont-top-t">
					合同照片
				</view>
				<view class="cont-top-b-m">
				  <view class="must_box" v-for="(item,index) in richText.images_attr" key="item">
				  	<image :src="item" mode="widthFix" class="imgf"></image>
				  </view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				richText:{}
			};
		},
		onLoad(){
			this.getRichText();
		},
		methods:{
			getRichText() {
				let url="",title="";
				url = 'address.gupiaodetail';
				title='股票详情';
				
				this.$new_http(url, {
					id: this.$Route.query.id
				}).then(res => {
					if (res.code === 1) {
						this.richText = res.data;
						uni.setNavigationBarTitle({
							title: uni.getStorageSync("pageTitle")
						});
					}
				});
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: #fff;
}
.cont{
	padding: 0 30rpx;
	.cont-top{
		margin: 26rpx 0 45rpx;
	}
	.cont-top-t{
		width: 141rpx;
		height: 35rpx;
		font-family: PingFang;
		font-weight: bold;
		font-size: 36rpx;
		color: #020202;
		line-height: 30rpx;
	}
	.cont-top-b{
		font-family: PingFang;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		line-height: 50rpx;
		margin-bottom: 37rpx;
	}
	.cont-top-b-m{
		display: flex;
		flex-wrap: wrap;
		margin-top: 38rpx;
		.must_box{
			//width: 216rpx;
			// height: 280rpx;
			margin: 8rpx;
			background-color: #020202;
			
       	.img{
				//width: 216rpx;
				//height: 280rpx;
				
			}
		}
	}
}
</style>

